// 横向靠左，竖向:靠上、居中、靠下、stretch、baseline
.flex     { display: flex; }
.flex-lm  { display: flex; align-items: center }
.flex-lb  { display: flex; align-items: flex-end }
.flex-ls  { display: flex; align-items: stretch }
.flex-ll  { display: flex; align-items: baseline }
// 横向居中，竖向:靠上、居中、靠下
.flex-mt  { display: flex; justify-content: center; }
.flex-mm  { display: flex; justify-content: center; align-items: center; }
.flex-mb  { display: flex; justify-content: center; align-items: flex-end; }
.flex-ms  { display: flex; justify-content: center; align-items: stretch; }
.flex-ml  { display: flex; justify-content: center; align-items: baseline; }
// 横向靠右，竖向:靠上、居中、靠下
.flex-rt  { display: flex; justify-content: flex-end; }
.flex-rm  { display: flex; justify-content: flex-end; align-items: center; }
.flex-rb  { display: flex; justify-content: flex-end; align-items: flex-end; }
.flex-rs  { display: flex; justify-content: flex-end; align-items: stretch; }
.flex-rl  { display: flex; justify-content: flex-end; align-items: baseline; }
// 横向两边，竖向:靠上、居中、靠下
.flex-bt  { display: flex; justify-content: space-between; }
.flex-bm  { display: flex; justify-content: space-between; align-items: center;}
.flex-bb  { display: flex; justify-content: space-between; align-items: flex-end;}
.flex-bs  { display: flex; justify-content: space-between; align-items: stretch;}
.flex-bl  { display: flex; justify-content: space-between; align-items: baseline;}
// 横向等分，竖向:靠上、居中、靠下
.flex-at  { display: flex; justify-content: space-around; }
.flex-am  { display: flex; justify-content: space-around; align-items: center;}
.flex-ab  { display: flex; justify-content: space-around; align-items: flex-end;}
.flex-as  { display: flex; justify-content: space-around; align-items: stretch;}
.flex-al  { display: flex; justify-content: space-around; align-items: baseline;}
// 横向等分，竖向:靠上、居中、靠下
.flex-at  { display: flex; justify-content: space-evenly; }
.flex-am  { display: flex; justify-content: space-evenly; align-items: center;}
.flex-ab  { display: flex; justify-content: space-evenly; align-items: flex-end;}
.flex-as  { display: flex; justify-content: space-evenly; align-items: stretch;}
.flex-al  { display: flex; justify-content: space-evenly; align-items: baseline;}

.fled-c   { flex-direction: column; }
.fled-rw  { flex-direction: row-reverse; }
.fled-cw  { flex-direction: column-reverse; }

.flea-s   { align-content: flex-start; }
.flea-c   { align-content: flex-center; }
.flea-e   { align-content: flex-end; }
.flea-b   { align-content: space-between; }
.flea-a   { align-content: space-around; }
.flea-ev  { align-content: space-evenly; }

.alis-s     { align-self: flex-start}
.alis-c     { align-self: center}
.alis-e     { align-self: flex-end}
.alis-b     { align-self: baseline}
.alis-st     { align-self: stretch}